<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>疫情壁纸</title>
    <script src="./js/jquery-3.1.1.min.js"></script>
    <script src="./js/sunmove.js"></script>
    <style>
        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            background-color: DodgerBlue;
        }

        div {
            font-size: 1.2em;
            background-color: aliceblue;
            border-radius: 2px;
            float: left;
            width: calc(100vw / 9);
            height: calc(100vh / 6);
            margin: calc(100vh / 9) 0 0 calc(100vw / 9);
        }
    </style>
</head>

<body>
    <div id='data11'>北京</div>
    <div id='data12'>全国</div>
    <div id='data13'>海外</div>
    <div id='data14'>山西</div>
    <div id='data21'>已清零</div>
    <div id='data22'>未清零</div>
    <div id='data23'>美国</div>
    <div id='data24'>7</div>
    <div id='data31'>B站粉丝数</div>
    <div id='data32'>9</div>
    <div id='data33'>10</div>
    <div id='data34'>11</div>
    <img src="update.png" id='update' width="20">
    <b id="update_date">0</b>
</body>

</html>
<script>
    var bilibili_follower = '';
    var data24_html='';
    function update() {
        $.ajax({
            url: 'https://gwpre.sina.cn/interface/fymap2020_data.json',
            success: function (data) {
                var zero = [];
                var zero_no = [];
                for (var i = 0; i < data.data.list.length; i++) {
                    if (data.data.list[i].econNum == "0") {
                        zero.push(data.data.list[i].name);
                    } else {
                        zero_no.push(data.data.list[i].name + '(' + data.data.list[i].econNum + ')');
                    }
                }
                for (var i = 0; i < data.data.list[0].city.length; i++) {
                    if (data.data.list[0].city[i].name == "境外输入人员") {
                        var beijing = i;
                    }
                }
                for (var i = 0; i < data.data.list[23].city.length; i++) {
                    if (data.data.list[23].city[i].name == "境外输入人员") {
                        var sx = i;
                    }
                }
                for (var i = 0; i < data.data.otherlist.length; i++) {
                    if (data.data.otherlist[i].name == '美国') {
                        var 美国 = i;
                    }
                }
                $("#data11").html('北京' + "<br>现存确诊：" + data.data.list[0].econNum + "(" + data.data.list[0].city[beijing].econNum + ")" + "<br>新增：" + data.data.list[0].conadd + "(" + data.data.list[0].city[beijing].conadd + ")" + "<br>累积确诊：" + data.data.list[0].value + "(" + data.data.list[0].city[beijing].conNum + ")" + "<br>治愈：" + data.data.list[0].cureNum + "(" + data.data.list[0].city[beijing].cureNum + ")" + "<br>死亡：" + data.data.list[0].deathNum + "(" + data.data.list[0].city[beijing].deathNum + ")");
                var 全国_死亡率=String((parseInt(data.data.deathtotal)/parseInt(data.data.gntotal)*100).toFixed(3));
                $("#data12").html('全国' + "<br>现存确诊：" + data.data.econNum + "<br>现存无症状：" + data.data.asymptomNum + "<br>新增：" + data.data.add_daily.addcon + "(" + data.data.add_daily.addjwsr + ")" + "<br>累积确诊：" + data.data.gntotal + "(" + data.data.jwsrNum + ")" + "<br>治愈：" + data.data.curetotal + "<br>死亡：" + data.data.deathtotal + " (" + 全国_死亡率 + "\%)");
                var 海外_现存确诊 = data.data.othertotal.certain - data.data.othertotal.recure - data.data.othertotal.die;
                var 海外_死亡率=String((parseInt(data.data.othertotal.die)/parseInt(data.data.othertotal.certain)*100).toFixed(3));
                $("#data13").html('海外 ' + data.data.otherlist.length + '国/地区' + "<br>现存确诊：" + 海外_现存确诊 + "<br>新增：" + data.data.othertotal.certain_inc + "<br>累积确诊：" + data.data.othertotal.certain + "<br>治愈：" + data.data.othertotal.recure + "<br>死亡：" + data.data.othertotal.die + " (" + 海外_死亡率 + "\%)");
                $("#data14").html('山西' + "<br>现存确诊：" + data.data.list[23].econNum + "(" + data.data.list[23].city[sx].econNum + ")" + "<br>新增：" + data.data.list[23].conadd + "(" + data.data.list[23].city[sx].conadd + ")" + "<br>累积确诊：" + data.data.list[23].value + "(" + data.data.list[23].city[sx].conNum + ")" + "<br>治愈：" + data.data.list[23].cureNum + "(" + data.data.list[23].city[sx].cureNum + ")" + "<br>死亡：" + data.data.list[23].deathNum + "(" + data.data.list[23].city[sx].deathNum + ")");
                $("#data21").html('已清零 ' + zero.length + '省<br>' + zero.toString());
                $("#data22").html('未清零 ' + zero_no.length + '省<br>' + zero_no.toString());
                var 美国_现存确诊 = data.data.otherlist[美国].conNum - data.data.otherlist[美国].cureNum - data.data.otherlist[美国].deathNum;
                var 美国_死亡率=String((parseInt(data.data.otherlist[美国].deathNum)/parseInt(data.data.otherlist[美国].conNum)*100).toFixed(3));
                $("#data23").html('美国' + "<br>现存确诊：" + 美国_现存确诊 + "<br>新增：" + data.data.otherlist[美国].conadd + "<br>累积确诊：" + data.data.otherlist[美国].conNum + "<br>治愈：" + data.data.otherlist[美国].cureNum + "<br>死亡：" + data.data.otherlist[美国].deathNum + " (" + 美国_死亡率 + "\%)");
            }
        });
        $.ajax({
            url: 'https://api.bilibili.com/x/space/upstat?mid=236553370&jsonp=jsonp',
            success: function (data) {
                $("#data31").html('B站数据<br>粉丝数：<b id="bilibili_follower">***</b><br>总播放量：' + data.data.archive.view + '<br>获赞数：' + data.data.likes);
            }
        });
        $.ajax({
            url: 'https://api.bilibili.com/x/relation/stat?vmid=236553370&jsonp=jsonp',
            success: function (data) {
                $("#bilibili_follower").text(data.data.follower);
            }
        });
    }
    var update_value;
    $("#update").hover(function () {
        update_value = Math.round(new Date() / 1000);
        setInterval(function () {$("#update_date").text(parseInt($("#update_date").text())+1)}, 1000);
    }, function () {
        if (Math.round(new Date() / 1000) - update_value > 3) {
            window.location.reload();
        }
    });
    $("div").hover(function () {
        $(this).css("background-color", "rgb(150, 220, 255)");
    }, function () {
        $(this).css("background-color", "#ffffff");
    });
    update();
    setInterval(function () { update(); }, 1000 * 60 * 30);
    cos_move("div", "rgba(0,0,0,0.3)");
</script>
